.m-pbar {
  width: 466px;
}
.m-pbar .barbg {
  position: relative;
  width: 466px;
  height: 9px;
  background-position: right 0;
}
.m-pbar .barbg .rdy {
  width: 100%;
  background-position: right -30px;
  height: 9px;
}
.m-pbar .barbg .cur {
  width: 25%;
  height: 9px;
  position: absolute;
  top: 0;
  left: 0;
  background-position: left -66px;
}
.m-pbar .barbg .cur .btn {
  position: absolute;
  top: -7px;
  right: -13px;
  width: 22px;
  height: 24px;
  margin-left: -11px;
  background: url(~@/assets/images/iconall.png);
  background-position: 0 -250px;
}
.m-pbar .barbg .cur .btn:hover {
  background-position: 0 -280px;
}
.m-pbar .barbg .cur .btn i {
  visibility: hidden;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 12px;
  height: 12px;
  background: url(~@/assets/images/player/loading.gif);
}
.m-pbar .barbg .time {
  position: absolute;
  top: -3px;
  right: -84px;
  color: #797979;
  text-shadow: 0 1px 0 #121212;
}
.m-pbar .barbg .time em {
  color: #a1a1a1;
}
